import { FaBilibili } from "react-icons/fa6";
import { AiFillTikTok } from "react-icons/ai";
import { SiNeteasecloudmusic } from "react-icons/si";
import { IoLogoWechat } from "react-icons/io5";
import { FaQq } from "react-icons/fa";
import React from 'react';
import Image from "next/image";



const Footer = () => {
    return (
        <div>
            <footer className="bg-neutral p-10 text-neutral-content footer sm:footer-horizontal">
                <aside className="ml-5">
                    <p className="text-2xl text-center"> 感谢您抽空浏览我的网站</p>
                    <p className="indent-7">在浏览我的网站过程中，您不仅看到了我的作品、项目和经历，也对我个人的技能和能力有了更深入的了解。</p>
                    <p className="indent-7">我始终相信，个人的成长与进步离不开持续的学习和实践，而每一次的挑战都是我提升自我的机会。</p>
                    <p className="indent-7">如果您对我的简历感兴趣，或者有任何关于我的工作、项目或职业发展的疑问，欢迎随时通过以下方式与我联系：</p>
                    <ul className="ml-20 text-center">
                        <li>邮箱：435630144@qq.com</li>
                        <li>手机：13051395805</li>
                    </ul>
                </aside>
                <nav>
                    <h6 className="footer-title">社交账号</h6>
                    <div className="gap-4 grid grid-flow-col">
                        <a href="https://space.bilibili.com/21785702?spm_id_from=333.1007.0.0" target="_blank">
                            <FaBilibili className="size-8" />
                        </a>
                        <a href="https://www.douyin.com/user/MS4wLjABAAAA2is-StBoh-1EsGsPwyAODLGIxzZBLTxZUdTPLUVBrvQ?from_tab_name=main" target="_blank">
                            <AiFillTikTok className="size-8" />
                        </a>
                        <a href="https://y.music.163.com/m/user?id=264115949" target="_blank">
                            <SiNeteasecloudmusic className="size-8" />
                        </a>
                        <div className="tooltip">
                            <div className="tooltip-content">
                                <Image src="/44a835c514b34e94efea9425b09e631.png" width={100} height={100} alt="微信" />
                                <p>11</p>
                            </div>
                            <p >
                                <IoLogoWechat className="size-8" />
                            </p>
                        </div>

                        <div className="tooltip">
                            <div className="tooltip-content">
                                <Image src="/0b45dee6244558496c8de3e4c8e48c5.jpg" width={100} height={100} alt="QQ" />
                                <p>11</p>
                            </div>
                            <p >
                                <FaQq className="size-8" />

                            </p>
                        </div>
                    </div>
                </nav>
            </footer>
        </div>
    );
};

export default Footer;
